<template>
	<view>
		<!-- 自定义顶部 -->
		<u-navbar style="background-color: #007AFF;" :is-back="false" title="我的发票">
			<view class="slot-wrap">
				<u-icon name="arrow-left" style="margin-left: 10rpx;" @tap="getBack" size="45"></u-icon>
				<view class="coupons_left_line"></view>
				<u-icon name="home" @tap="home"  size="40"></u-icon>
			</view>
		</u-navbar>
		<!-- end -->
		<u-gap height="25" bg-color="#f4f4f4"></u-gap>
		<view class="li invo" 
			v-for="(item,index) in lsi" 
			@tap="tap(item.url,index)"
			:key="index">
			<view class="invo_list color66">
				{{item.name}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lsi:[
					{name:'开发票',url:'pages/mine/invoices/biller/biller'},
					{name:'开票历史',url:'pages/mine/invoices/history/history'},
					{name:'常用发票抬头',url:'pages/mine/invoices/invoiceTitle/invoiceTitle'}
				]
			}
		},
		methods: {
			tap(url,i){
				this.$mHelper.to(url,true)
			},
			//返回首页
			home(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			//返回上一页
			getBack(){
				this.$mHelper.back(1)
			},
		}
	}
</script>

<style scoped lang="scss">
	.invo{
		line-height: 88rpx;
		.invo_list{
			padding:0 30rpx;
		}
	}
	.li:last-child{
		border-bottom: none;
	}
</style>
